<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="/gladiator-app/public/js/skin.js"></script>


<script src="/gladiator-app/public/js/jQuery/jquery-1.8.2.js"></script>
<script src="/gladiator-app/public/js/jQuery/ui/jquery.ui.core.js"></script>
<script src="/gladiator-app/public/js/jQuery/ui/jquery.ui.widget.js"></script>
<script src="/gladiator-app/public/js/jQuery/ui/jquery.ui.position.js"></script>
<script src="/gladiator-app/public/js/jquery.validate.js"
	type="text/javascript"></script>
<script src="/gladiator-app/public/js/messages_pl.js"
	type="text/javascript"></script>


<link rel="stylesheet" href="/gladiator-app/public/js/jQuery/demos.css">
<link rel="stylesheet"
	href="/gladiator-app/public/js/jQuery/themes/base/jquery.ui.all.css">

<!-- <script type="text/javascript" -->
<!-- 	src="/gladiator-app/public/js/walidator.js"></script> -->
<title>Gladiator</title>

<style type="text/css">
.errorMessage {
	color: red;
	font-style: italic;
}

.formularz FIELDSET {
	border: none;
}

.formularz LEGEND {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 8px 0;
	text-decoration: underline;
}

.formularz LABEL {
	color: #C02942;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 5px 0 0;
	padding: 0 0 5px 0;
}

.formularz LABEL.error {
	background: #ECD078;
	color: #C02942;
	margin: 5px 0 10px 0;
	padding: 3px;
	width: 200px;
}

.formularz INPUT,.formularz TEXTAREA {
	border: 1px solid #542437;
	color: #542437;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 2px;
	width: 190px;
}

.formularz INPUT:focus,.formularz TEXTAREA:focus {
	border: 1px solid #53777A;
}

.formularz INPUT[type=submit] {
	background: #53777A;
	border: 1px solid
}
</style>

<script>
	$(function() {

		jQuery(document).ready(function() {
			jQuery("#form1").validate();
		});
	});
</script>
</head>
<body>


	<div id="rejestracja">
		<form:form commandName="user" action="/gladiator-app/users"
			method="post" id="form1" class="formularz">
			<center>
				<table>

					<%-- 					<form:hidden path="userPk" id="userPk" /> --%>

					<tr>
						<td>Podaj login</td>
						<td><form:input path="login" id="login" cssClass="required" /></td>
					</tr>
					<tr>
						<td>Podaj haslo</td>
						<td><form:password type="password" id="password"
								path="password" cssClass="required" /></td>
					</tr>
					<tr>
						<td>Podaj imie</td>
						<td><form:input path="firstname" id="firstname"
								cssClass="required" /></td>
					</tr>
					<tr>
						<td>Podaj nazwisko</td>
						<td><form:input path="lastname" id="lastname"
								cssClass="required" /></td>
					</tr>
					<tr>
						<td>Podaj mail</td>
						<td><form:input path="mail" id="mail" cssClass="required email" /></td>
					</tr>
				</table>

				<input type="submit" value="Rejestruj">
			</center>
		</form:form>
	</div>
</body>
</html>